<template>
    <div>
..
<div class="top">
    <!--上面的大框架-->
    <van-image round width="5rem" height="5rem"
  src="https://fastly.jsdelivr.net/npm/@vant/assets/cat.jpeg"/>
  <div class="username">折倦鸟</div>
    

</div>
<div class="liuyan">
<van-cell-group inset>
  <van-field v-model="message" rows="1" autosize label="留言" type="textarea"
    placeholder="这个人很懒~,没有任何简介"
  />
</van-cell-group>
</div>
<div class="kongjian">
    <van-tag type="primary" >  </van-tag>
<van-tag type="success"></van-tag>
<van-tag type="danger">云村3年</van-tag>
<van-tag type="warning">深夜达人</van-tag>
</div>
<Kongjian/>
    <!--<div class="jianjie">
        <textarea placeholder="这个人很懒~,没有任何简介"></textarea>
    </div>-->
    <div class="main">
        <div class="main1">
            <van-cell title="我的歌库" is-link icon="music-o" size="large" value="新增27首" />
        </div>
        <div class="main2">
            <van-cell title="我的音乐" is-link icon="discount-o" size="large" />
        </div>
        <div class="main3">
            <van-cell title="我的点赞" is-link icon="goods-collect-o" size="large" />
        </div>
        <div class="main4">
            <van-cell title="消息管理" is-link icon="video-o"  value="你有一条消息未处理" size="large" />
        </div>
        <div class="main5">
            <van-cell title="喜欢的歌手" is-link icon="thumb-circle-o" size="large" />
        </div>
        <div class="main6">
            <router-link to="/songdeyail">
            <van-cell title="歌单1" is-link icon="coupon-o" size="large" />
            </router-link>
        </div>
        <div class="main6">
            <van-cell title="歌单2" is-link icon="coupon-o" size="large" />
        </div>
        <div class="main6">
            <van-cell title="歌单3" is-link icon="coupon-o" size="large" />
        </div>
        <div class="main6">
            <van-cell title="歌单4" is-link icon="coupon-o" size="large" />
        </div>
        <div class="main6">
            <van-cell title="歌单5" is-link icon="coupon-o"  size="large" />
        </div>
        <div class="main6">
            <van-cell title="歌单6" is-link icon="coupon-o" size="large" />
        </div>

       
        
</div>

    </div>
</template>
<script setup>
import Kongjian from '@/components/Mykongjian.vue'
</script>
<style scoped>
.liuyan{
    margin-top: 10px;
}
.main{
    margin-top: 20px;
}
.main1,
.main2,
.main3,
.main4,
.main5,
.main6{
    height: 50px;
}
.jianjie{
    margin-top: 5px;
   
}

.username{
    margin-top: 15px;
    margin-left: 10px;
}
.top{
    display: flex;
    
}
</style>